/* ==========================
   Estilos Generales para Enlaces
========================== */
a:link, a:visited {
  background-color: white;
  color: black;
  border: 2px solid green;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: green;
  color: white;
}

/* ==========================
   Enlaces con Estilos Personalizados
========================== */

/* Enlace con colores y fondo */
a.one:link { color: #ff0000; }
a.one:visited { color: #0000ff; }
a.one:hover { color: #ffcc00; }

/* Enlace que aumenta el tamaño al pasar el mouse */
a.two:link { color: #ff0000; }
a.two:visited { color: #0000ff; }
a.two:hover { font-size: 150%; }

/* Enlace que cambia de fondo al pasar el mouse */
a.three:link { color: #ff0000; }
a.three:visited { color: #0000ff; }
a.three:hover { background: #66ff66; }

/* Enlace que cambia de fuente al pasar el mouse */
a.four:link { color: #ff0000; }
a.four:visited { color: #0000ff; }
a.four:hover { font-family: monospace; }

/* Enlace sin subrayado, y se subraya al pasar el mouse */
a.five:link, a.five:visited {
  color: #ff0000;
  text-decoration: none;
}
a.five:hover {
  text-decoration: underline;
}

/* ==========================
   Estilos para Cursores
========================== */
.cursor-auto { cursor: auto; }
.cursor-crosshair { cursor: crosshair; }
.cursor-default { cursor: default; }
.cursor-e-resize { cursor: e-resize; }
.cursor-help { cursor: help; }
.cursor-move { cursor: move; }
.cursor-n-resize { cursor: n-resize; }
.cursor-ne-resize { cursor: ne-resize; }
.cursor-nw-resize { cursor: nw-resize; }
.cursor-pointer { cursor: pointer; }
.cursor-progress { cursor: progress; }
.cursor-s-resize { cursor: s-resize; }
.cursor-se-resize { cursor: se-resize; }
.cursor-sw-resize { cursor: sw-resize; }
.cursor-text { cursor: text; }
.cursor-w-resize { cursor: w-resize; }
.cursor-wait { cursor: wait; }